<div class="col-lg-2 col-md-4 col-sm-6" style="min-width: 250px;">
    <div class="card my-1">
        <div class="card-body d-flex flex-row align-items-center">
            <div class="mr-2"><span style="font-size: 60px; color:rgba(0, 153, 255, 1);" class="hcl {{$icon ?? 'hcl-form'}} font-weight-bold"></span></div>
            <div class="flex-grow-1 pl-2">
                <h5 class="card-title text-secondary">{{$title}}</h5>
                <p class="card-text font-weight-bold" {{$attr ?? ''}} style="font-size: 20px;">{{$num}}</p>
            </div>
        </div>
    </div>
</div>